<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragments :: head">
    <meta charset="UTF-8">
    <title>竹简</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <link rel="stylesheet" href="../static/lib/editormd/css/editormd.min.css" th:href="@{/css/editormd.min.css}">
    <link rel="stylesheet" href="../static/css/me-index.css" th:href="@{/css/me-index.css}">
    <link rel="stylesheet" href="../static/css/iconfont.css" th:href="@{/css/iconfont.css}">
    <script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <script src="../static/js/semantic.min.js" th:src="@{/js/semantic.min.js}"></script>
    <script src="../static/js/index.js" th:src="@{/js/index.js}"></script>
</head>
<link rel="stylesheet" href="../static/css/rating.css" th:href="@{/css/rating.css}">
<script src="../static/js/myaccount.js" th:src="@{/js/myaccount.js}"></script>
<script src="../static/js/rating.js" th:src="@{/js/rating.js}"></script>
<style>
    body {
        overflow-y: scroll;
        /* position: absolute;*/
    }

    /* #arr{

     }*/
    /* #macc-xuan{
         position: fixed;
         top: 1em;
         z-index: 99;
     }*/
</style>
<body>
<nav class="ui attached segment grid m-padded-tb-mini" style="z-index: 9!important;">
    <div class="ui container sixteen wide column" style="padding: 0;">
        <div class="ui secondary menu " style="width: 100%;">
            <h2 class="ui header item" style="color: #2185d0;">竹简</h2>
            <div class="item hidden-xs-phone m-secondary-color">
                <a href="index">首页</a>
            </div>
            <div class="item hidden-xs-phone m-secondary-color">
                <a href="">商城</a>
            </div>
            <div class="item hidden-xs-phone m-secondary-color">
                <a href="blog">博客</a>
            </div>
            <div class="item hidden-xs-phone m-secondary-color">
                <a href="">学院</a>
            </div>
            <div class="item hidden-xs-phone m-secondary-color">
                <a href="">直播</a>
            </div>
            <div class="item hidden-xs-phone m-secondary-color">
                <a href="">论坛</a>
            </div>
            <div class="item hidden-xs-phone m-secondary-color">
                <a href="">问答</a>
            </div>
            <div class="item hidden-xs-phone m-secondary-color">
                <a href="">活动</a>
            </div>
            <div class="right menu item hidden-xs m-secondary-color">
                <div class="ui search">
                    <div class="ui icon input" style="width: 100%;">
                        <input class="prompt" type="text" placeholder="搜索...">
                        <i class="search link icon"></i>
                    </div>
                    <div class="results"></div>
                </div>
            </div>
            <a class="item m-secondary-color" href="editor" th:if="${session.account!=null}">写博客</a>
            <div class="right item container hidden-xs" th:if="${session.account==null}"><a style="color: white"
                                                                                            href="/register">
                <div class="ui primary button">
                    <font style="vertical-align: inherit; width: 100%;">
                        <font style="vertical-align: inherit;">注册</font>
                    </font>
                </div>
            </a>
            </div>
            <div class="item m-secondary-color" th:if="${session.account==null}"><a href="/login">
                <div class="ui button hidden-xs-phone" style="width: 100%;">
                    <font style="vertical-align: inherit;">
                        <font style="vertical-align: inherit;">登录</font>
                    </font>
                </div>
            </a>
            </div>
            <a class="ui icon button right aligned item m-top-right hidden-md" id="button"><i class="sidebar icon"></i></a>
            <div class="ui dropdown  item" th:if="${session.account!=null}">
                <div class="text">
                    <a th:href="myaccount"><img class="ui avatar image" src="https://unsplash.it/100/100?image=1005"></a>
                </div>
                <i class="dropdown icon hidden-xs-phone"></i>
                <div class="menu hidden-xs-phone">
                    <a href="#" class="item">我的订单</a>
                    <a href="#" class="item">我的博客</a>
                    <a href="#" class="item">我的关注</a>
                    <a href="#" class="item">我的收藏</a>
                    <a href="#" class="item">个人中心</a>
                    <a href="#" class="item">账号设置</a>
                    <a href="#" class="item">博客管理</a>
                    <a href="#" class="item">帮助</a>
                    <a href="/exit" class="item">退出</a>
                </div>
            </div>
        </div>
    </div>
</nav>
<div class="ui attached grid segment hidden-souxiao hidden-md" style="z-index: 6!important;">
    <div class="ui row list">
        <div class="item eight wide column"><a style="color: #666c7a" href="/login" th:if="${session.account==null}">
            <div class="ui button hidden-md" style="width: 100%;">
                <font style="vertical-align: inherit;">
                    <font style="vertical-align: inherit;">
                        <font style="vertical-align: inherit;">登录</font>
                    </font>
                </font>
            </div>
        </a>
        </div>
        <div class="eight wide column right menu item hidden-md">
            <div class="ui search">
                <div class="ui icon input" style="width: 100%;">
                    <input class="prompt" type="text" placeholder="搜索...">
                    <i class="search link icon"></i>
                </div>
                <div class="results"></div>
            </div>
        </div>
    </div>
</div>
<div class="ui attached column grid center aligned hidden-md hidden-xs-phone hidden-yingcang m-item" id="panel"
     style="background-color: white;width: 100%;">
    <div class="four wide column">
        <a href="index"><i class="iconfont icon-shangcheng"></i>首页</a>
    </div>
    <div class="four wide column">
        <i class="iconfont icon-shangcheng"></i>
        <a href="">商城</a>
    </div>
    <div class="four wide column">
        <a href="blog.html"><i class="iconfont icon-bokeyuan"></i>博客</a>
    </div>
    <div class="four wide column">
        <a href=""><i class="graduation cap icon"></i>学院</a>
    </div>
    <div class="four wide column">
        <a href=""><i class="iconfont icon-zhibokecheng"></i>直播</a>
    </div>
    <div class="four wide column">
        <i class="iconfont icon-jurassic_bbs"></i>
        <a href="">论坛</a>
    </div>
    <div class="four wide column">
        <a href=""><i class="iconfont icon-wenda"></i>问答</a>
    </div>
    <div class="four wide column">

        <a href=""> <i class="iconfont icon-huodong"></i>活动</a>
    </div>
</div>
<div class="ui grid centered aligned" id="arr">
    <div class="row">
        <div class="twelve wide column m-padded-z-myacc" id="two">
            <div class="ui segment" style="width: 100%;">
                <div class="ui right vertical me-mall-border-color" style="width: 100%;">
                    <div class="ui grid m-margin-me-top">
                        <div class="sixteen wide column center aligned m-padded-tb-my">
                            <a href="" class=""> <img src="https://picsum.photos/id/1/100/100?image=1005" alt=""
                                                      class="ui tiny avatar image"></a>
                        </div>
                        <div class="sixteen wide column center aligned">
                            <p class="me-orange " th:text="${session.userName}"></p>
                            <a href="/login"><p class="me-orange " th:if="${session.account==null}">未登录</p></a>

                        </div>
                    </div>
                    <div class="column me-tx">
                        <div class="item ">
                            <div class="ui grid center aligned ">
                                <dl class="ui three wide column me-details-dl ">
                                    <dt><a href=" ">购物车</a></dt>
                                    <dd class="me-details-dd "><a href=" ">56</a></dd>
                                </dl>
                                <dl class="ui three wide column me-details-dl ">
                                    <a href="">
                                        <dt>未付款</dt>
                                    </a>
                                    <a href="">
                                        <dd class="me-details-dd ">4</dd>
                                    </a>
                                </dl>
                                <dl class="ui three wide column me-details-dl ">
                                    <a href="">
                                        <dt>待评价</dt>
                                    </a>
                                    <a href="">
                                        <dd class="me-details-dd ">13</dd>
                                    </a>
                                </dl>
                                <dl class="ui three wide column me-details-dl ">
                                    <a href="">
                                        <dt>订单</dt>
                                    </a>
                                    <a href="">
                                        <dd class="me-details-dd ">18</dd>
                                    </a>
                                </dl>
                            </div>
                        </div>
                    </div>

                    <div class="m-margin-me-top">
                    </div>
                </div>
                <hr>
                <div class="ui segment m-width-myacc hidden-souxiao">
                    <div class="ui attached">
                        <div class="ui grid">
                            <div class="row">
                                <div class="twelve wide column">
                                    <h3>
                                        <a href="details.html">史上最强Tomcat8性能优化</a>
                                    </h3>
                                    <p class="m-padded-tb-overflow">
                                        文章目录授人以鱼不如授人以渔目的服务器资源Tomcat配置优化Linux环境安装运行Tomcat8AJP连接执行器（线程uiueriuteirutierityeuirytueyrtuyeuirytuieyrtuyeuirtyueyruityeuirytuieyrutyeuirtyeuyr</p>
                                </div>
                                <div class="ui four wide right aligned column">
                                    <a href="#" class="ui basic button focuson">删除</a>
                                </div>
                            </div>
                        </div>
                        <div class="ui grid">
                            <div class="eight wide column">
                                <div class="ui horizontal link list">
                                    <div class="item">
                                        <img src="https://picsum.photos/id/1/100/100?image=1005" alt=""
                                             class="ui avatar image">
                                        <div class="content"><a href="">李明君</a></div>
                                    </div>
                                    <div class="item hidden-xs-phone"><i class="calendar outline icon"></i>2019-3-6
                                    </div>
                                </div>
                            </div>
                            <div class="ui eight wide right aligned column">
                                <div class="ui horizontal divided link list m-padded-tb-massive">
                                    <a class="item hidden-xs-phone">
                                        <i class="thumbs up outline icon"></i>234
                                    </a>
                                    <a class="item">
                                        <i class="eye icon"></i>234
                                    </a>
                                    <a class="item hidden-xs-phone">
                                        <i class="comment alternate outline icon"></i>234
                                    </a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="ui segment hidden-souxiao">
                <h3 class="ui grey" style="display:block">我关注的人(23)</h3>
                <hr>
                <div class="ui segment">
                    <div class="ui grid">
                        <div class="eight wide column">
                            <div class="ui horizontal link list">
                                <div class="item">
                                    <img src="https://picsum.photos/id/1/100/100?image=1005" alt=""
                                         class="ui tiny avatar image">
                                    <div class="content"><a href="">李明君</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="ui eight wide right aligned column">
                            <div class="ui horizontal divided link list">
                                <button class="ui button focuson" style="margin-top: 1.8em!important;">
                                    取消关注
                                </button>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="ui segment hidden-souxiao">
                <h3 class="ui grey" style="display:block">我的粉丝(3453)</h3>
                <hr>
                <div class="ui segment">
                    <div class="ui grid">
                        <div class="eight wide column">
                            <div class="ui horizontal link list">
                                <div class="item">
                                    <img src="https://picsum.photos/id/1/100/100?image=1005" alt=""
                                         class="ui tiny avatar image">
                                    <div class="content"><a href="">李明君</a></div>
                                </div>
                            </div>
                        </div>
                        <div class="ui eight wide right aligned column">
                            <div class="ui horizontal divided link list">
                                <button class="ui button macc" style="margin-top: 1.8em!important;">
                                    查看主页
                                </button>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="ui segment hidden-souxiao">
                <div class="ui grid">
                    <div class="row">
                        <div class="eight wide column">
                            <h3 class="ui grey" style="display:block">我的订单(23)</h3>
                        </div>
                        <div class="ui eight wide column right aligned">
                            <!--<div class="ui sixteen wide column checkbox">
                                <input type="checkbox">
                                <label><trans oldtip="Label" newtip="标签">全选</trans></label>
                            </div>-->
                        </div>
                    </div>
                </div>
                <hr>
                <div class="ui segment  grid">
                    <div class="row">
                        <div class="two wide column">
                            <img style="margin-left: 0.9em" src="https://picsum.photos/id/1/100/100?image=1005" alt=""
                                 class="ui small image">
                        </div>
                        <div class="fourteen wide column">
                            <div class="ui grid">
                                <div class="row">
                                    <div class="eight wide column">
                                        <h3>
                                            <a>SpringBoot订餐前端模板</a>
                                        </h3>
                                    </div>
                                    <div class="ui eight wide column right aligned">
                                        <div class="ui sixteen wide column checkbox">
                                            <input type="checkbox">
                                            <label style="margin-top: 0.2em">
                                                <trans oldtip="Label" newtip="标签"></trans>
                                            </label>
                                        </div>
                                        <a href="#" class="ui basic button focuson">删除订单</a>
                                        <a href="#" class="ui basic button macc">订单详情</a>
                                    </div>
                                </div>
                            </div>
                            <div class="ui grid">
                                <div class="eight wide column">
                                    <div class="ui horizontal link list">
                                        <div class="item">
                                            <img src="https://picsum.photos/id/1/100/100?image=1005" alt=""
                                                 class="ui avatar image">
                                            <div class="content"><a href="">李明君</a></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ui eight wide right aligned column">
                                    <div class="ui horizontal link list">
                                        <div class="item">
                                            价格：67
                                        </div>
                                        <div class="item">
                                            数量：2
                                        </div>
                                        <div class="item">
                                            <div class="hidden-xs-phone horizontal"><i
                                                    class="calendar outline icon"></i>交易时间：2019-3-6
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui segment hidden-souxiao">
                <div class="ui grid">
                    <div class="row">
                        <div class="two wide column">
                            <h3 class="ui grey" style="display:block">我的收藏(43)</h3>
                        </div>
                        <div class="fourteen wide column">
                            <div class="ui horizontal list">
                                <div class="ui secondary menu" style="width: 100%;">
                                    <div class="item active macc-collect">
                                        收藏的商品
                                    </div>
                                    <div class="item macc-collect">
                                        收藏的博客
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="macc-collect-xuan">
                    <div class="ui segment m-width-myacc">
                        <div class="ui attached grid">
                            <div class="row">
                                <div class="two wide column">
                                    <img style="margin-left: 0.9em" src="https://picsum.photos/id/1/100/100?image=1005"
                                         alt="" class="ui small image">
                                </div>
                                <div class="fourteen wide column">
                                    <div class="ui grid">
                                        <div class="row">
                                            <div class="eight wide column">
                                                <h3>
                                                    <a>SpringBoot订餐前端模板</a>
                                                </h3>
                                            </div>
                                            <div class="ui eight wide column right aligned">
                                                <a href="#" class="ui basic button focuson">取消收藏</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ui grid">
                                        <div class="eight wide column">
                                            <div class="ui horizontal link list">
                                                <div class="item">
                                                    <img src="https://picsum.photos/id/1/100/100?image=1005" alt=""
                                                         class="ui avatar image">
                                                    <div class="content"><a href="">李明君</a></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ui eight wide right aligned column">
                                            <div class="ui horizontal link list">
                                                <div class="item">
                                                    价格：67
                                                </div>
                                                <div class="item">
                                                    库存：2
                                                </div>
                                                <div class="item">
                                                    商铺动态评分：
                                                    <div class="ui star rating" data-rating="3"></div>
                                                </div>
                                            </div>

                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ui segment m-width-myacc hidden-souxiao">
                        <div class="ui attached">
                            <div class="ui grid">
                                <div class="row">
                                    <div class="twelve wide column">
                                        <h3>
                                            <a href="details.html">史上最强Tomcat8性能优化</a>
                                        </h3>
                                        <p class="m-padded-tb-overflow">
                                            文章目录授人以鱼不如授人以渔目的服务器资源Tomcat配置优化Linux环境安装运行Tomcat8AJP连接执行器（线程uiueriuteirutierityeuirytueyrtuyeuirytuieyrtuyeuirtyueyruityeuirytuieyrutyeuirtyeuyr</p>
                                    </div>
                                    <div class="ui four wide right aligned column">
                                        <a href="#" class="ui basic button focuson">取消收藏</a>
                                    </div>
                                </div>
                            </div>
                            <div class="ui grid">
                                <div class="eight wide column">
                                    <div class="ui horizontal link list">
                                        <div class="item">
                                            <img src="https://picsum.photos/id/1/100/100?image=1005" alt=""
                                                 class="ui avatar image">
                                            <div class="content"><a href="">李明君</a></div>
                                        </div>
                                        <div class="item hidden-xs-phone"><i class="calendar outline icon"></i>2019-3-6
                                        </div>
                                    </div>
                                </div>
                                <div class="ui eight wide right aligned column">
                                    <div class="ui horizontal divided link list m-padded-tb-massive">
                                        <a class="item hidden-xs-phone">
                                            <i class="thumbs up outline icon"></i>234
                                        </a>
                                        <a class="item">
                                            <i class="eye icon"></i>234
                                        </a>
                                        <a class="item hidden-xs-phone">
                                            <i class="comment alternate outline icon"></i>234
                                        </a>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui segment hidden-souxiao">
                <h3 class="ui grey" style="display:block">我的标签</h3>
                <hr>

                <div class="ui styled fluid accordion">
                    <div class="title">
                        <i class="dropdown icon"></i>
                        <trans oldtip=" Level 1 " newtip="一级">java
                        </trans>
                    </div>
                    <div class="content">
                        <div class="accordion transition hidden">
                            6736475637467
                        </div>

                    </div>
                </div>

                <div class="ui styled fluid accordion">
                    <div class="title">
                        <i class="dropdown icon"></i>
                        <trans oldtip=" Level 1 " newtip="一级">java
                        </trans>
                    </div>
                    <div class="content">
                        <div class="accordion transition hidden">
                            6736475637467
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="ui three wide column hidden-xs-phone m-padded-y-myacc" id="macc-xuan">
            <div class="ui secondary vertical menu" style="width: 100%;">
                <div class="item active m-center-y-myacc">
                    博文管理
                </div>
                <div class="item m-center-y-myacc">
                    评论管理
                </div>
                <div class="item m-center-y-myacc">
                    点赞推新
                </div>

                <div class="item m-center-y-myacc">
                    历史足迹
                </div>
                <div class="item m-center-y-myacc">
                    我的收藏
                </div>
                <div class="item m-center-y-myacc">
                    我的标签
                </div>
                <hr>
                <a href="">
                    <div class="item m-center-y-myacc">
                        我的商城
                    </div>
                </a>
                <a href="myblog">
                    <div class="item m-center-y-myacc">
                        我的博客
                    </div>
                </a>
            </div>
        </div>
    </div>
<footer th:replace="_fragments :: footer" class="ui inverted vertical segment m-padded-tb-massive"></footer>
</body>
</html>